<template>
	<!-- 轮播图 -->
 <el-carousel :interval="setting.interval" arrow="always" height="100vh" >
    <el-carousel-item v-for="item in setting.lbList" :key="item">
	 <iframe   frameborder="0" scrolling="auto"  :src="item"  style=" height:100%; visibility: inherit; width: 100%; z-index: 1;overflow: visible;">
     </iframe>
	</el-carousel-item>
  </el-carousel>
  <div></div>
</template>

<script lang="ts" setup="" name="switchingPage">
	import {ref,reactive,onMounted,watch} from 'vue'
	import { useRoute } from 'vue-router' 
	import {http} from '@/api/http';
	import {httpErrorHandle} from '@/utils';
	import {ContentTypeEnum,RequestHttpEnum,ModuleTypeEnum} from '@/enums/httpEnum';
	const setting = ref({
		interval:5000,
		lbList:[]
	});
	onMounted(async ()=>{
		await getBigScreeSettings();
		
	}) 
	const getBigScreeSettings= async (paramter)=>{
		var {data}= await http(RequestHttpEnum.GET)(`${ModuleTypeEnum.SETTING}/bigScreeSettings/1`,paramter);
		setting.value.interval = data.interval;
		setting.value.lbList= data.urls;
	}
	
	// setInterval(() => {
	// 	console.log(setting.value.interval);
	// }, setting.value.interval);
</script>


